小程序嵌入H5 | 您所在的位置:网站首页 › h5 小程序 app › 小程序嵌入H5 |
小程序中web-view是一个web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面。所以,如果已经有H5了,想快速开发一个小程序,则可以采用此方法。(小程序采用的uni-app框架开发;以微信小程序为例) 以下列出我在开发小程序嵌入H5的步骤、注意事项等(小程序申请、添加开发者等步骤省略): 注意点: web-view的H5可以支持微信登录 web-view的支付,不支持网页支付;只可以采用小程序支付;微信小程序调查(本节重点) 在小程序首页(/pages/index/index)添加web-view组件的话,小程序左上角将不会有返回按钮;所以,首页只能做个中转,需要一个存放web-view组件的页面。 如果采用第 3 步的话,在web-view页面左滑或者点击返回将会回到首页;是无法左滑或者点击返回即退出小程序,我的解决方法:在首页做了个弹窗(如下),当从web-view返回时显示;点击确定按钮采用button组件open-type="exit"退出小程序,左滑返回也可退出小程序。 小程序分享title,如果想在web-view页面中分享H5的页面title或者H5设置可以通过uni.postMessage;H5端 引入uni-app的JSSDK;引入微信JSSDK;如果其他小程序则引入对应的jssdk; |
CopyRight 2018-2019 实验室设备网 版权所有 |